<template>
  <div class="icon-ali-container">

    <!-- 暴露属性 -->
    <!--
    <svg :style="{width:sty==undefined?'16px':sty.width,
                  height:sty==undefined?'16px':sty.height,
                  fill:'currentColor',
                  overflow: 'hidden'}"
         aria-hidden="true">
      <use :xlink:href="'#icon-'+icon"></use>
    </svg>
      -->

    <svg :style="sty"
         aria-hidden="true">
      <use :xlink:href="'#icon-'+icon"></use>
    </svg>

  </div>
</template>

<script>
/**
 * 使用方式
 * import IconAli from "@/views/common/IconAli";
 * components: {IconAli},
 * <IconAli :sty="{width:'50px',height:'50px'}" icon='add'></IconAli>
 */
export default {
  name: "IconAli",
  props: {
    sty: Object,
    icon: String
  }
}
</script>

<style lang="less" scoped>

</style>